<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <!-- 
    fetch 是一个 新的发送网络请求API 可以理解为是xhr 的升级版本 
    但是 他们是两个东西，fetch 的出现是为了取代xhr 
    fetch 基于Promise，天生不存在回调地狱的问题

    Promise 不是发送请求的，是解决异步回调问题的
    第一个then 是属于fetch API 的一部分的，必须写

  -->
  <script>
    fetch('http://127.0.0.1:3000/data')
      .then((data) => {
        return data.text()
      }).then((data) => {
        console.log(data);
      }).catch((err) => {
        console.log(err);

      })
  </script>
</body>

</html>